<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>交易记录</title>
    <link rel="stylesheet" href="../assets/css/mui.min.css">
    <!-- 自定义的公共样式表 -->
    <link rel="stylesheet" href="../assets/css/lib.common.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="../assets/css/app.css">
    <link rel="stylesheet" href="../assets/css/animate3.1.5.css">
    <script src="../assets/js/mui.min.js"></script>
    <!-- 点击复制文本 -->
    <script src="../assets/js/clipboard.min.js"></script>
    <!-- 自定义的js脚本 -->
    <script src="../assets/js/lib.common.js"></script>

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    [endif]-->
</head>
<body class="bg-white">

<!-- 条件筛选start -->
<div class="lib-aside shadow2 animated" style="width: 80%;">
    <form id="screenForm" action="">
        <div class="mui-row">
            <i class="mui-icon mui-icon-back f_r text-danger p_x5 line30" onclick="closeSide()"></i>
            <div class="mui-col-xs-12 mui-col-sm-12 p_y5 black font14">
                <h4 class="p_x5">交易类型</h4>
                <ul class="mui-table-view mui-table-view-radio">
                    <li class="mui-table-view-cell">
                        <label class="mui-navigate-right lib-navigate-input">
                            购买
                            <input name="type" value="1" type="radio">
                        </label>

                    </li>
                    <!-- 这里 li.mui-selected是打钩的样式 input[checked]是实际选中 如果有默认选中值必须如下统一 -->
                    <li class="mui-table-view-cell mui-selected">
                        <label class="mui-navigate-right lib-navigate-input">
                            出售
                            <input name="type" value="0" type="radio" checked>
                        </label>
                    </li>
                </ul>
            </div>
            <div class="mui-col-xs-12 mui-col-sm-12 p_y5 black">
                <h4 class="p_x5">订单状态</h4>
                <ul class="mui-table-view mui-table-view-radio">
                    <li class="mui-table-view-cell">
                        <label class="mui-navigate-right lib-navigate-input">
                            已下单
                            <input name="status" value="0" type="radio">
                        </label>

                    </li>
                    <li class="mui-table-view-cell">
                        <label class="mui-navigate-right lib-navigate-input">
                            已付款
                            <input name="status" value="1" type="radio">
                        </label>
                    </li>
                    <li class="mui-table-view-cell">
                        <label class="mui-navigate-right lib-navigate-input">
                            已完成
                            <input name="status" value="2" type="radio">
                        </label>
                    </li>
                    <li class="mui-table-view-cell">
                        <label class="mui-navigate-right lib-navigate-input">
                            已取消
                            <input name="status" value="3" type="radio">
                        </label>
                    </li>
                </ul>
            </div>
            <div class="mui-col-xs-12 mui-col-sm-12 p_y5 black font14 p_x10">
                <button onclick="__submit('#screenForm')" type="button" class="mui-btn mui-btn-primary f_r w100">确定
                </button>
            </div>
        </div>
    </form>
</div>
<!-- 条件筛选end -->

<!-- 头部状态栏start -->
<header class="mui-bar mui-bar-nav">
    <a url="../个人中心.html" class="mui-icon mui-icon-back dark"></a>
    <h1 class="mui-title black bold">
        交易记录
    </h1>
</header>
<!-- 头部状态栏end -->

<div class="mui-row p_t44">
    <div class="mui-col-xs-12 mui-col-sm-12 p_x10 p_y10">
        <button class="mui-btn mui-btn-green f_r p_y0 p_x5 font12" onclick="openSide()">筛选</button>
    </div>
    <div class="mui-col-xs-12 mui-col-sm-12 p_x10 p_y10">

    </div>
    <div class="mui-col-xs-12 mui-col-sm-12 p_y10">
        <!-- 暂无数据占位符 -->
        <!--<p class="no-data">暂无数据</p>-->

        <table class="table black font14">
            <tr>
                <th class="text-center black normal font12">
                    <a href="#">可用</a>
                </th>
                <th class="text-center black normal font12">
                    <a href="#">冻结</a>
                </th>
                <th class="text-center black normal font12">
                    <a href="#">折合</a>
                </th>
            </tr>
            <tr>
                <td class="text-center">0.00000000</td>
                <td class="text-center">0.00000000</td>
                <td class="text-center">≈0.00000000</td>
            </tr>
            <tr>
                <td class="text-center">0.00000000</td>
                <td class="text-center">0.00000000</td>
                <td class="text-center">≈0.00000000</td>
            </tr>
        </table>
    </div>

</div>
</body>

</html>
<script>

</script>